<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<header id="header">
	    <div class="center">
		<h1 class="logo">任务列表</h1>
		<nav class="link">
			<h2 class="none">网站导航</h2>
			<ul>
			<li class="active"><a href="first.html">首页</a></li>
		    <li><a href="###">咨询</a></li>
		     <li><a href="###">列表</a></li>
		      <li class="xs-hidden"><a href="###">登录</a></li>
		       <li><a href="###">注册</a></li>
		       </ul>
		</nav>
	</div>
</header>
		
		
		<div id="adver">
			<img src="img/12.jpg" alt="" />
			<div class="center1"></div>
			<div class="center1 copy">
				<input type="text" class="search" placeholder="请输入任务名称" />
			<button class="button">搜索</button>
			</div>
		</div>
		
		
<div id="tour">
	<section class="center2">
		<h2>任务列表</h2>
		<p>啦啦啦啦啦、啦啦啦嘻嘻、哈哈哈哈哈、娃哈哈啊娃哈哈</p>
	</section>
	
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
	<figure>
		<img src="img/6.jpg" alt="" />
		<figcaption><strong class="title">&lt;7日游&gt;</strong>包团实惠，超丰富景点，升级已晚国际游，快来快来</figcaption>
	<div>
		<em class="sat">蚂蚁金</em>
		<span class="price">￥<strong>2864</strong>起</span>
	</div>
	<div class="type">国际长途</div>
	</figure>
</div>	
		
		
		
		<div id="footer">
		<div class="bottom1">
			Copyright @ XL | 20181025号   |  经验许可
		</div>
		</div>
	</body>
</html>
